<%--
  Created by IntelliJ IDEA.
  User: app
  Date: 2018/7/28
  Time: 下午8:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="/static/css/loadingStyle.css">
    <title>订单(豆瓣酱)</title>
</head>
<body>

<div>
    <div class="dropdowm" style="margin-left:220px;margin-right:210px;height:100px;background-color:#a0a0a0;border-radius:15px;">
        <span style="color: white;font-size:25px;float:left;margin-left:20px;margin-top:33px;"><i class="glyphicon glyphicon-list"></i> 订单管理</span>
        <a href="homeAction" style="color: white;float:right;font-size:16px;margin-right:9px;margin-top:20px;text-decoration:none;"><i class="glyphicon glyphicon-home"></i>主页</a>
    </div>
</div>
<div style="height:55px"></div>
<div>

    <!--表头-->
    <div style="margin-left:220px;margin-right:199px;border-bottom:1px solid #a0a0a0;padding:17px;" >
        <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span style="font-size:15px;margin-left:15px;">图书ID</span>
        <span style="font-size:15px;margin-left:0px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单日期</span>
        <span style="font-size:15px;margin-left:0px;">&nbsp;&nbsp;&nbsp;&nbsp;数量</span>
        <span style="font-size:15px;margin-left:0px;">&nbsp;&nbsp;&nbsp;&nbsp;书名</span>
        <span style="font-size:15px;margin-left:0px;">&nbsp;&nbsp;&nbsp;&nbsp;状态</span>
    </div>

    <c:forEach items="${purchaseRecordList}" var="order">
        <div class="checkbox" style="margin-left:220px;margin-right:199px;border-bottom:1px solid #a0a0a0;padding:17px;">


                <%--<img src="images/1.jpg" height="92px" width="60px" style="margin-left:12px"/>--%>
            <a target="_blank" href="https://book.douban.com/subject/${order.bid}/?icn=index-editionrecommend">
                <img alt="140x140"  src="${order.url}" style="height:100px;width:66px" />
            </a>
            <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;${order.bid}</span>
            <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:formatDate value="${order.odate}" type="date"/></span>
            <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;&nbsp;&nbsp;${order.onum}</span>
            <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;&nbsp;&nbsp;《${order.bname}》</span>
            <span style="font-size:15px;margin-left:15px;">&nbsp;&nbsp;&nbsp;&nbsp;${order.ostate}</span>
            <span>
            <a class="btn btn-large btn-primary" style="float:right;margin-right:20px;margin-top:20px;" data-toggle="modal" data-target="#myModal"><i class="glyphicon glyphicon-hand-right"></i>售后详情</a>
        </span>
            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content" style="width:500px;">
                        <div class="modal-header" style="border-bottom:1px white;">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">售后</h4>
                            <span style="float:right;margin-right:20px;font-size:13px;"><i class="glyphicon glyphicon-headphones"></i>-客服:15271901633</span>
                        </div>
                        <div style="margin-left:40px;">
                            <textarea rows="6" cols="47" style="resize:none;font-size:14px;">${order.onum}</textarea>
                        </div>
                        <div class="modal-footer" style="border-top:1px white;">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary" >提交信息</button>
                            <%--<button type="button" class="btn btn-primary" onclick="location='orderManageAction.action?action=add&uid=${order.uid}'">提交信息</button>--%>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
        </div>
    </c:forEach>

</div>
</body>
</html>
